﻿body 
{
    font-size:0.75em;
    font-family:Segoe UI, Trebuchet MS, Verdana, Arial, Sans-Serif;
    background-color:#F6F6F6;
    margin: 0;
    padding: 0;
}

/* LINKS
-----------------------------------------------------------*/

a:link
{
    color: #333333;
    text-decoration: none;
}
a:visited
{
    color: #333333;
    text-decoration: none;
}
a:hover
{
    color: #FF9900;
    text-decoration: underline;
}
a:active
{
    color: #000000;
}

a.blue
{
    color: #0000ff;
    text-decoration:underline;
}

a.blue:hover
{
    color: #FF9900;
    text-decoration: underline;
}

img
{
    border:none;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    font-weight:normal;
}

h1
{
    margin-top:0;
    font-size: 2.7em;
}
h2
{
    
    font-size: 2.3em;
    margin:20px 0px 0px 0px;
}
h3
{
    margin:0px 0px 5px 0px;
    font-size: 1.85em;
}
h4
{
    font-size: 1.4em;
    
}
h5, h6
{
    font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#content
{
    margin:0 auto;
    width: 982px;
    border:1px solid #E9E9E9;
    padding:10px 10px 0px 10px;
    background-color:#FFFFFF;
    overflow:auto;
}

#brands
{
    margin:0px auto;
    clear:both;
    padding-top:50px;
}
#brands > div
{
    width:85%;
    border-top:1px solid #CCC;
    margin:0px auto;
    padding-top:5px;
    text-align:center;
}
#brands img
{
    height:40px;
    margin:0px 10px;
}

#content > div 
{
    float:left;
}

#content > div#brands
{
    float:none;
}

#header
{
    width:100%;
    background-color:#FFFFFF;
    border-bottom:1px solid #E9E9E9;
    height:42px;
    padding-top:3px;
}

#headline
{
    margin:0 auto;
    width: 984px;
    padding:0px 10px;
}

#lang-chooser
{
    text-align:center;
    margin-top:20px;
    font-size:0.9em;
    color:#0063DC;    
}

#lang-chooser a
{
    color:#0063DC;
    padding:2px 0px;    
}

#lang-chooser a.selected
{
    color:#999999;    
}

#lang-chooser a.selected:hover
{
    background-color:transparent;
    color:#999999;
}
#lang-chooser a:hover
{
    background-color:#0063DC;
    color:#fff;
    text-decoration:none;    
}

#copyright
{
    color:#CCC;
    text-align:center;
    font-size:0.9em;
}



#menu-panel
{
    margin:0 auto;
    width: 1004px;
    height:40px;
    padding-top:45px;
}

.menu-line > a
{
    font-size:2.2em;
    padding-right:40px;
    line-height:16px;
}

.menu-line
{
    border-bottom:1px solid #E9E9E9;
    width:100%;
    overflow:visible;
}

#greeting
{
    float:right;
    margin-top:8px;
}

#footer
{
    margin:0 auto;
    width: 984px;
    padding:5px 10px 0px 10px;
    text-align:center;
}


#footer a
{
    padding:0px 6px 0px 5px;
    /*border-right:1px solid #cccccc;*/
    font-size:1em;
}


#footer a:first-child
{
    padding-left:0px;
}

#footer a.last-link
{
    border:none;
}

#logo-link
{
    float:left;
}

#logo-link > img
{
    width:181px;
    height:38px;
}

.float-right
{
    float:right;
}

.invisible
{
    display:none;
}

#main
{
    width:712px;
    margin-right:20px;
}

#navpanel
{
    width:250px;        
}

.thick-border
{
    padding:10px;
    background-color:#F1F1F1;
    overflow:auto;
}

.thick-border > div
{
    border:1px solid #CCCCCC;
    padding:4px;
    overflow:auto;
}

.breadcrumb
{
    padding-left:40px;
    height:12px;
}

.nav-item
{
    background-color:#F1F1F1;
    border:1px solid #E1E1E1;
    border-top:none;
    padding:4px;
    margin-bottom:20px;
}

.nav-bearcrumb
{
    background:url('/Content/nav-bread.gif') no-repeat bottom;
    height:15px;
    text-align:right;
    font-size:0.8em;
    color:#999999;
    padding:0px 4px;
}

h4.nav-header
{
    font-size:1em;
    font-weight:bold;
    margin:0px;
    height:10px;
}

.nav-header-icon
{
    padding-left:15px;
}

.simple-list
{
    margin:0px;
    padding:0px 0px 0px 20px;
    list-style-type:circle;
    font-size:1em;
}

.simple-list > li
{
    margin-bottom:3px;
}

.dislaimer-text
{
    text-align: right;
    color: #006600;
    font-style: italic;
    margin: 0px;
    clear:both;
}

/* TABLES
----------------------------------------------------------------*/

table.pricelist
{
   border-collapse:collapse;
    width:100%;
    margin-bottom:30px;
}

.pricelist th
{
    background-color:#Fb6;
}

.pricelist .alt-row td
{
    background-color: #ECECEC;
}

.pricelist td,
.pricelist th
{
    border:1px solid #999;
    font-size:1.1em;
}

.pricelist td
{
    text-align:right;
}

/* Index page elements
-----------------------------------------------------------------------*/

#color-boxes
{
    width:712px;
    height:114px;
    margin-bottom:20px;
}
#color-boxes > div
{
    float:left;
}

#color-boxes > div > div
{
    border:1px solid #CCCCCC;
    width:98px;
    height:18px;
    font-size:1.25em;
    color:#FFFFFF;
    line-height:1em;
    padding-top:80px;
    cursor:pointer;
    
}

#color-boxes > div > div:hover
{
    background-position:top;
    color:#333;
    border-top:1px solid #BBB;
    border-right:1px solid #AAA;
    border-left:1px solid #BBB;
    border-bottom:1px solid #999;
}


.thin-border
{
    background-color:#F1F1F1;
    padding:7px;
    margin-right:5px;
}

.white-box
{
    background-color:#FFFFFF;
}

.green-box
{
    /*background-color:#66CC66;/*#66CC66;*/
    background:url('/Content/firm-color/green-back.png') repeat-x bottom;
}

.pink-box
{
    /*background-color:#FF91C2;/*#FF91C2;*/
    background:url('/Content/firm-color/pink-back.png') repeat-x bottom;
}

.violet-box
{
    /*background-color:#9D9DFF;/*#9D9DFF;*/
    background:url('/Content/firm-color/violet-back.png') repeat-x bottom;
}

.yellow-box
{
    /*background-color:#FFCC00;/*#FFCC00;*/
    background:url('/Content/firm-color/yellow-back.png') repeat-x bottom;
}

.blue-box
{
    /*background-color:#86CFFB;/*#86CFFB;*/
    background:url('/Content/firm-color/blue-back.png') repeat-x bottom;
}

.orange-box
{
    /*background-color:#FD8237;/*#FD8237;*/
    background:url('/Content/firm-color/orange-back.png') repeat-x bottom;
}

.last-box
{
    margin-right:0px;
}


.white-text,
#moto-desc
{
    color:#000;
    height:112px;
    overflow:hidden;
}

#moto-desc > h3
{
    font-size:2.2em;
    margin:0px;
}
#moto-desc >p
{
    margin:5px 0px 0px 0px;
}

.printing-desc-content
{
    /*width:400px;*/
    height:280px;
    /*float:left;*/
    
}

.color-smoke-back
{
    background:#FFFFFF url('/Content/color-smoke-light.jpg') no-repeat bottom left;
}

.printing-desc-img
{
    width:403px;
    /*height:206px;*/
    float:left;
}

.products-desc-content
{
    width:233px;
    height:305px;
    float:left;
}

.products-desc-img
{
    width:449px;
    height:305px;
    float:left;
}

/* Nav panels
-------------------------------------------------------------------*/

#price-calc-panel em
{
    display:inline-block;
    width:75px;
}

#price-calc-panel select
{
    width:160px;
}

#price-calc-panel input[type="text"]
{
    width:80px;
}

#price-calc-panel em#totalPrice
{
    display: inline;
    font-size: 2.2em; /*background-color: #ADB5EB;*/
    color: #777;
    padding: 0px 5px;
    font-style: normal;
    font-family: terminal;
}


.calc-display
{
    background-color:#FEFEFE;
    text-align:right;
    border:1px solid #CDCDCD;
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
}

.tab-bar
{
    text-align:right;
    background-color:#E1E1E1;
    padding:5px 5px 0px 5px;
    
}
.tab-bar a.switched
{
    color:#333;
    background-color:#F1F1F1;
}

.tab-bar a
{
    padding:2px 4px;
    font-size:1.1em;
}
.tab-bar a:hover
{
    color:#FFF;
    text-decoration:none;
}

.news-header
{
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    color: #336699;
    font-weight:bold;
    margin:0px 3px;
}
.news-header  em
{
    font-size: 0.8em;
    text-align:right;
    font-weight:normal;
    font-style:normal;
}
.news-item > p
{
    margin:5px;
}
.news-item 
{
    margin-bottom:10px;
}

.news-item a
{
    color:#00F;
    text-decoration:none;
}

.news-item a:hover
{
    color:#00F;
    text-decoration:underline;
}

.news-item a:active
{
    color:#FB4;
    text-decoration:underline;
}

/* Design portfolio page
-------------------------------------------------------------------*/

.design-portfolio
{
    width:100%;
    padding:0px;
    list-style:none outside none;
    font-style:italic;
    font-size:1.2em;
}

.design-portfolio li
{
    float:left;
    margin:0px 32px 20px 0px;
    padding:0;
    position:relative;
    width:306px;
}

.design-portfolio li.no-margin
{
    margin:0px 0px 20px 0px;
}

.design-portfolio img
{
    background-color:#e1e1e1;
    padding:5px;
    border-bottom:1px solid #CCC;
    width:296px;
    height:170px;
}

.design-portfolio em
{
    font-size:0.8em;
    color:#777;
}


/* Product list page 
*******************************************/

.product-item
{
    width:150px;
    margin:0px 10px 20px 10px;
    float:left;
    
}

.product-item > img
{
    width:150px;
    height:150px;
    border:1px solid #ccc;
}
.product-item > h3
{
    margin:0px;
    font-size:1.6em;
}

.big-price
{
    background-color:#ccc;
    font-size:2.3em;
    color:#fff;
    padding:0px 3px;
}

.big-price-block
{
    float:right;
    text-align:right;
}


/***** OTHER
**********/

.contact-us
{
    width:350px;
    height:320px;
    float:left;
    margin-left:12px;
    
}
.contact-us img
{
    vertical-align:middle;
    width:30px;
}

.editor-label
{
}

.editor-field
{
}